/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com


* { margin: 0; padding: 0; } */
body { font: 13px/1.4 Georgia, serif; text-shadow: 2px 2px  6px #73767A;}
td{min-width:100px;}
#gradiante{
	background: rgb(122,188,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */
}
#page-wrap { width: 95%; margin: 0 auto;  }

select { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; text-align:center; width:100%; }
textarea { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; text-align:center; width:100%; }
input { border: 0; font: 14px Georgia, Serif; overflow: hidden; resize: none; text-align:center; width:100%; }
table {
 /* border-collapse: collapse;  */
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */

  }
table td, table th { border: 1px solid black; padding: 5px; 

  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

  }

#header { height: 15px; width: 100%; margin: 20px 0; background: #999; text-align: center; color: white; font: bold 15px Helvetica, Sans-Serif; text-decoration: uppercase; letter-spacing: 20px; padding: 8px 0px; }

#address { width: 250px; height: 150px; float: left; }


#logo { text-align: center; float: center; position: relative; margin-top: 15px; border: 1px solid #fff; max-width: 540px; max-height: 100px; overflow: hidden; }
#logo:hover, #logo.edit { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
#logoctr { display: none; }
#logo:hover #logoctr, #logo.edit #logoctr { display: block; text-align: center; line-height: 25px; background: #eee; padding: 0 5px; }
#logohelp { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
#logohelp input { margin-bottom: 5px; }
.edit #logohelp { display: block; }
.edit #save-logo, .edit #cancel-logo { display: inline; }
.edit #image, #save-logo, #cancel-logo, .edit #change-logo, .edit #delete-logo { display: none; }
#customera { overflow: hidden; }
#customer-title {  font-size: 15px; font-weight: bold; float: left; width: 250px; height: 50px;  }

#tabla_abajo2 {	
	right: 59%;
	top: 62%;
	width: 50%;
	 }

#abajo_tabla { position: absolute; margin: 0px 0px 1% 50%; width: 40%;  }
#abajo_tabla td.meta-head { text-align: left; background: #e8e8e8; }

#meta {  margin: 10px 0px 5px 0%; width: 50%; }
#meta td { text-align: right;  }
#meta td.meta-head { text-align: left; background: #e8e8e8; }
#meta td textarea { width: 100%; height: 20px; text-align: right; }
#img_factura {width:100px; height:80px; float:left; }
#items { width: 100%; margin: 1px 0 0 0; border: 1px solid black; text-align:center; }
#items th { background: #e8e8e8; }
#items textarea { width: 80px; height: 50px; }
#items tr.item-row td { border: 0; vertical-align: top; }
#items td.description { width: 300px; }
#items td.item-name { width: 175px; }
#items td.description textarea, #items td.item-name textarea { width: 100%; }
#items td.total-line { border-right: 0; text-align: right; }
#items td.total-value { border-left: 0; padding: 10px; }
#items td.total-value textarea { height: 20px; background: none; }
#items td.balance { background: #eee; }
#items td.blank { border: 0; }

#terms { position:fixed; bottom:1px; width:100%; text-align: center; :!important; z-index: 3; }
#terms h5 { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#terms textarea { width: 100%; text-align: center;}

textarea:hover, textarea:focus, #items td.total-value textarea:hover, #items td.total-value textarea:focus, .delete:hover { background-color:#EEFF88;}

.delete-wpr { position: relative; }
.delete { display: block; color: #000; text-decoration: none; position: absolute; background: #EEEEEE; font-weight: bold; padding: 0px 3px; border: 1px solid; top: -6px; left: -22px; font-family: Verdana; font-size: 12px; }

.button {
  font-family: Arial;
  color: #000000;
  font-size: 15px;
  padding: 4px;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-box-shadow: 1px 1px 1px #bdb7bd;
  -moz-box-shadow: 1px 1px 1px #bdb7bd;
  text-shadow: 1px 1px 1px #a8a8a8;
  border: solid #737373 2px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#7b7d80));
  background: -moz-linear-gradient(top, #e3e3e3, #7b7d80);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e3e3e3, endColorStr=#7b7d80);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e3e3e3, endColorStr=#7b7d80);
  display:inline-block; /* IE is so silly */
}
.button:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#C3D9F3), to(#356294));
  background: -moz-linear-gradient(top, #C3D9F3, #356294)
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e3e3e3, endColorstr=#7b7d80);

}